<script setup lang="ts">
defineProps({
    url: {
        type: String,
        required: true,
    },
    size: {
        type: Number,
        default: 150,
    },
});
</script>
<template>
    <img
        class="avatar-container"
        :src="url"
        :style="{
            width: size + 'px',
            height: size + 'px',
        }"
    />
</template>
<style lang="less" scoped>
.avatar-container {
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
</style>
